<template>
	<view>
		<view class="content"></view>
		<view class="" style="position: relative;width: 100%;">
			<image src="../../static/image/yd2.png" class="posi1" mode=""></image>
			<image src="../../static/image/yd1.png" class="posi2" mode=""></image>
		</view>
		<view class="flexcenter">
			<view class="fonweight baixian" style="font-size: 50rpx;color: #33d5a6;">院校交流群</view>
		</view>
		<view class="mainpadding">
			<view class="mainpadding2 radius" style="background-color: rgba(255, 255, 255, .6);">
				<!-- <view class="iteminput flexbetween ffffff">
					<view class="fonweight baixian sanshier xiankuan" style="color: #33d5a6;width: 400rpx;">院校：河南省大数据发河南省大数据发</view>
					<u-icon name="arrow-down" color="#33d5a6" size="20"></u-icon>
				</view>
				<view class="iteminput margin_top flexbetween ffffff">
					<view class="fonweight baixian sanshier xiankuan" style="color: #33d5a6;width: 400rpx;">学院：河南省大数据发河南省大数据发</view>
					<u-icon name="arrow-down" color="#33d5a6" size="20"></u-icon>
				</view>
				<view class="iteminput margin_top flexbetween ffffff">
					<view class="fonweight baixian sanshier xiankuan" style="color: #33d5a6;width: 400rpx;">专业：河南省大数据发河南省大数据发</view>
					<u-icon name="arrow-down" color="#33d5a6" size="20"></u-icon>
				</view>
				<view class="iteminput margin_top flexbetween ffffff">
					<view class="fonweight baixian sanshier xiankuan" style="color: #33d5a6;width: 400rpx;">方向：河南省大数据发河南省大数据发</view>
					<u-icon name="arrow-down" color="#33d5a6" size="20"></u-icon>
				</view> -->
				<view class="" v-for="(item,index) in systemInfo.newSharePage" :key="index" @click="lbtpriview(index,systemInfo.newSharePage)" >
					<image :src="item" class="margin_top" mode="widthFix" style="width: 100%;"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				systemInfo: {},
			}
		},
		onLoad() {
			this.system()
		},
		methods: {
			system() {
				httpRequest.request('/api/index/getConfigInfo', 'GET', {}).then(res => {
					this.systemInfo = res.data
				})
			},
		}
	}
</script>

<style>
	.baixian {
		text-shadow: -3px 0 rgba(255, 255, 255, 1), 0 3px rgba(255, 255, 255, 1), 3px 0 rgba(255, 255, 255, 1), 0 -3px rgba(255, 255, 255, 1);
	}

	.iteminput {
		padding: 15rpx 30rpx;
		border: 5rpx solid #33d5a6;
		border-radius: 50rpx;
	}

	.content {
		background-image: url("@/static/image/bg.jpg");
		width: 100%;
		height: 100%;
		position: fixed;
		background-size: 100% 100%;
		z-index: -1;
	}

	.posi1 {
		position: absolute;
		right: -120rpx;
		width: 400rpx;
		height: 400rpx;
	}

	.posi2 {
		position: relative;
		right: 100rpx;
		width: 400rpx;
		height: 400rpx;
	}
</style>